<!--混凝土拌和站---动态监控--实时监控-->
<!--
 * @Author: 卡卡 1071780426@qq.com
 * @Date: 2022-12-02 13:13:25
 * @LastEditors: 卡卡 1071780426@qq.com
 * @LastEditTime: 2024-03-05 11:40:24
 * @FilePath: \backstage - 副本\src\views\aa.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="department" id="department">
    <!-- 右侧 -->
    <div class="department_right">
      <div class="app-container-btn">
        <el-button
          type="primary"
          v-if="btnShow"
          @click="yj_saveForm('formData')"
          >保存</el-button
        >

        <el-button @click="goBack">返回</el-button>
      </div>

      <div class="text_table TensionRealTime">
        <div class="dialogBody common table_detail" style="overflow: hidden">
          <div>
            <div class="app-container-area-title">
              <span class="app-container-area-title-divider"></span>
              <span>基本信息</span>
            </div>
            <div>
              <publicForm
                ref="publicForm"
                lableWidth="95px"
                :formObj="formObj"
                :formData="formData"
              >
              </publicForm>
            </div>
            <div class="app-container-area-title">
              <span class="app-container-area-title-divider"></span>
              <span>材料用量</span>
            </div>

            <div
              style="height: 137px; margin-top: 8px"
              class="levelClass materialClass"
            >
              <tableData
                height="137px"
                :config="material_config"
                :dataList="materialData"
                statusType="2"
                :level="level"
                :earlyWarning="earlyWarning"
                :currentRow="false"
                :stripe="false"
              />
            </div>
            <div class="baseTitle" style="margin-top: 8px" v-if="handNum">
              处理情况
            </div>
            <el-collapse v-model="activeNames" @change="changeCollapse">
              <el-collapse-item name="0" v-if="handNum">
                <!-- <el-collapse-item name="0" > -->
                <template slot="title">
                  <div @click.stop="showCollapse()">
                    <img
                      style="vertical-align: middle"
                      src="@/assets/img/Supervision/com_flg.png"
                      alt=""
                    />
                    <span style="margin-left: 8px">闭合申请单</span>
                  </div>
                </template>
                <div style="height: 230px; margin-top: 3px">
                  <publicForm
                    ref="publicForm0"
                    lableWidth="95px"
                    :formObj="handleObj"
                    :formData="handleData"
                    :timestamp="handleData.fHandlefile"
                    :fileList="fSourcefileList"
                    @delteFile="delteFile"
                  >
                  </publicForm>
                </div>
              </el-collapse-item>

              <el-collapse-item name="1" v-if="firstNum">
                <template slot="title">
                  <div @click.stop="showCollapse()">
                    <img
                      style="vertical-align: middle"
                      src="@/assets/img/Supervision/com_flg.png"
                      alt=""
                    />
                    <span style="margin-left: 8px">一级审核</span>
                  </div>
                </template>
                <div style="height: 70px; margin-top: 3px">
                  <publicForm
                    ref="publicForm1"
                    lableWidth="95px"
                    :formObj="processObj"
                    :formData="handleData"
                  >
                  </publicForm>
                </div>
              </el-collapse-item>
              <el-collapse-item name="2" v-if="secondNum">
                <template slot="title">
                  <div @click.stop="showCollapse()">
                    <img
                      style="vertical-align: middle"
                      src="@/assets/img/Supervision/com_flg.png"
                      alt=""
                    />
                    <span style="margin-left: 8px">二级审核</span>
                  </div>
                </template>
                <div style="height: 70px; margin-top: 3px">
                  <publicForm
                    ref="publicForm2"
                    lableWidth="95px"
                    :formObj="examineObjs"
                    :formData="handleData"
                  >
                  </publicForm>
                </div>
              </el-collapse-item>

              <el-collapse-item name="3" v-if="threeLevel">
                <template slot="title">
                  <div @click.stop="showCollapse()">
                    <img
                      style="vertical-align: middle"
                      src="@/assets/img/Supervision/com_flg.png"
                      alt=""
                    />
                    <span style="margin-left: 8px">三级审核</span>
                  </div>
                </template>
                <div style="height: 70px; margin-top: 3px">
                  <publicForm
                    ref="publicForm3"
                    lableWidth="95px"
                    :formObj="levelThree"
                    :formData="handleData"
                  >
                  </publicForm>
                </div>
              </el-collapse-item>
              <el-collapse-item name="4" v-if="fourLevel">
                <template slot="title">
                  <div @click.stop="showCollapse()">
                    <img
                      style="vertical-align: middle"
                      src="@/assets/img/Supervision/com_flg.png"
                      alt=""
                    />
                    <span style="margin-left: 8px">四级审核</span>
                  </div>
                </template>
                <div style="height: 70px; margin-top: 3px">
                  <publicForm
                    ref="publicForm4"
                    lableWidth="95px"
                    :formObj="levelFourth"
                    :formData="handleData"
                  >
                  </publicForm>
                </div>
              </el-collapse-item>
            </el-collapse>
            <div style="height: 50px"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import actions from "@/actions";

import tree from "@/components/public/el-trees"; //左侧机构树
import TableData from "@/components/public/el-tables"; //主页面列表
import Pagination from "@/components/public/el-pagination"; //主页面分页
import elBreadcrumb from "@/components/public/el-breadcrumb.vue"; //面包屑
import publicForm from "@/components/public/el-form.vue"; //弹框form
import formJs from "./regexDetail.js"; //新增弹框配置项
import {
  getClosedFormByParentId, //主页面列表详情接口
  getStationmachineByfMachineid, //查询-拌合站信息-详情接口
  addClosedForm, //编辑保存
  getStationWarnByCompanyId, // 审核流程
  getUserNature, //当前用户机构性质
} from "@/api/request.js";
export default {
  name: "closureDetail",
  data() {
    return {
      name: "closureDetail", //按钮配置页面代号
      rowInfo: null, //当前行信息
      AduitUser: null, //审核流程
      formObj: formJs.formObj, //新增编辑配置参数
      handleObj: formJs.handleObjs, //新增编辑配置参数
      handleObjs1: formJs.handleObjs1,
      processObj: formJs.processObjs, //一级审核
      processObj1: formJs.processObjs1, //一级审核
      examineObjs: formJs.examineObjs, //二级审核
      examineObjs1: formJs.examineObjs1, //二级审核
      levelThree: formJs.levelThrees, //三级审核
      levelThree1: formJs.levelThree1, //三级审核
      levelFourth: formJs.levelFourths, //四级审核
      levelFourth1: formJs.levelFourth1, //四级审核
      formData: {}, //新增编辑向后台传递对象
      handleData: {
        fCompanyid: "", // 施工标段id
        fId: "", // 申请单fid //为空判断为新增
        fParentid: "", // 对应的超标记录fid
        fWarningcontent: "", // 预警内容
        fReason: "", // 问题原因
        fHandleway: "", // 处理方式
        fHandleresult: "", // 处理结果
        fHandledate: "",
        fHandledates: "", // 处理日期
        fHandleusername: "", // 处理人名称
        fHandlefile: "", // 处理附件id
        fFirstcheckresult: "", // 一级审核处理结果
        fFirstcheckopinion: "", // 一级审核处理意见
        fFirstcheckusername: "", // 一级审核处理人name
        fFirstcheckdates: "", // 一级审核处理日期
        fSecondcheckresult: "", // 二级审核处理结果
        fSecondcheckopinion: "", // 二级审核处理意见
        fSecondcheckusername: "", // 二级审核处理人name
        fSecondcheckdates: "", // 二级审核处理日期
        fThirdcheckresult: "", // 三级审核处理结果
        fThirdcheckopinion: "", // 三级审核处理意见
        fThirdcheckusername: "", // 三级审核处理人name
        fThirdcheckdates: "", // 三级审核处理日期
        fFourthcheckresult: "", // 四级审核处理结果
        fFourthcheckopinion: "", // 四级审核处理意见
        fFourthcheckusername: "", // 四级审核处理人name
        fFourthcheckdates: "", // 四级审核处理日期

        aduitStatus: null, //保存状态
        userId: "", // 当前登录人id
        userName: "", // 当前登录人姓名
        recordfiles: [], // 删除文件id集合
      },
      checkStatus: null, //闭合状态
      activeNames: ["0"],
      handNum: false, //闭合申请单
      firstNum: false, //一级审核
      secondNum: false, //二级审核
      threeLevel: false, //三级审核显示
      fourLevel: false, //四级审核显示
      btnShow: true, //保存按钮是否显示
      fSourcefileList: [],
      // 列表配置项
      material_config: formJs.material_config,
      materialData: [], //材料用量列表
      level: [], //强度等级
      earlyWarning: [], //预警标准
      // 列表配置项

      userInfo: {}, //登录用户
      token: null,
    };
  },
  components: {
    tree, //左侧组织机构数
    TableData, //主页面列表
    elBreadcrumb, //面包屑
    publicForm, //弹框表格
    Pagination, //分页
    // selects,//下拉框
  },
  mounted() {
    actions.onGlobalStateChange((state, prev) => {
      // console.log("data", state, prev);
      this.token = prev.token;
      this.userInfo = prev.currentUser;
      getUserNature({
        username: this.userInfo.loginName,
      })
        .then((res) => {
          if (res.errcode == 0) {
            this.userInfo.companyNature = res.data.Nature;
            this.getExamine();
          } else {
            this.$message.error("获取当前用户机构性质", res.msg);
          }
        })
        .catch((err) => {
          this.$message.error("获取当前用户机构性质接口报错", err.msg);
          console.log("当前用户机构性质err", err);
        });
      this.handleData.userId = this.userInfo.id; // 当前登录人id
      this.handleData.userName = this.userInfo.userName; // 当前登录人姓名
    }, true);
  },
  methods: {
    // 获取审核流程
    getExamine() {
      getStationWarnByCompanyId({
        companyId: JSON.parse(this.$route.query.data).F_CompanyId,
      })
        .then((res) => {
          if (res.errcode == 0) {
            this.AduitUser = res.data.yjQmpMsStationwarn;
            this.yj_viewForm();
          }
        })
        .catch((error) => {
          console.log(error);
        });
    },
    // 详情
    yj_viewForm() {
      var row = JSON.parse(this.$route.query.data);
      let AduitUserArr = [];
      let AduitUserData = "";
      if (row.F_WarningLevel == "1") {
        AduitUserArr = this.AduitUser.fAduitUser1.split("-");
      } else if (row.F_WarningLevel == "2") {
        AduitUserArr = this.AduitUser.fAduitUser2.split("-");
      } else if (row.F_WarningLevel == "3") {
        AduitUserArr = this.AduitUser.fAduitUser3.split("-");
      } else if (row.F_WarningLevel == "4") {
        AduitUserArr = this.AduitUser.fAduitUser4.split("-");
      } else if (row.F_WarningLevel == "5") {
        AduitUserArr = this.AduitUser.fAduitUser5.split("-");
      }

      this.btnShow = true; //显示保存按钮，当查看时隐藏
      this.handleObj = formJs.handleObjs; //新增编辑配置参数
      this.processObj = formJs.processObjs; //二级审核
      this.examineObjs = formJs.examineObjs; //三级审核
      this.levelThree = formJs.levelThrees; //四级审核
      this.levelFourth = formJs.levelFourths; //五级审核
      this.checkStatus = row.F_CheckStatus; //闭合状态
      this.handleData.aduitStatus = row.F_CheckStatus; //闭合状态

      var time = new Date();
      const y = time.getFullYear();
      const m = (time.getMonth() + 1 + "").padStart(2, "0");
      const d = (time.getDate() + "").padStart(2, "0");

      AduitUserData = AduitUserArr[row.F_CheckStatus];

      if (
        this.userInfo.companyNature == AduitUserData &&
        (row.F_CheckStatus == 0 || row.F_CheckStatus == null) &&
        row.F_CloseOperation == "未闭合"
      ) {
        this.handNum = true; //申请单显示
        this.firstNum = false; //一级审核显示
        this.secondNum = false; //二级审核显示
        this.threeLevel = false; //三级审核显示
        this.fourLevel = false; //四级审核显示
        this.activeNames = ["0"]; //默认展开折叠面板
        this.handleObj = this.handleObjs1;
        this.handleData = {
          fId: "", // 申请单fid //为空判断为新增
          fCompanyid: JSON.parse(this.$route.query.data).F_CompanyId, // 施工标段id
          fParentid: "", // 对应的超标记录fid
          fWarningcontent: "", // 预警内容
          fReason: "", // 问题原因
          fHandleway: "", // 处理方式
          fHandleresult: "", // 处理结果
          fHandledate: "",
          fHandledates: "", // 处理日期
          fHandleusername: "", // 处理人名称
          fHandlefile: "", // 处理附件id
          fFirstcheckresult: "", // 一级审核处理结果
          fFirstcheckopinion: "", // 一级审核处理意见
          fFirstcheckusername: "", // 一级审核处理人name
          fFirstcheckdates: "", // 一级审核处理日期
          fSecondcheckresult: "", // 二级审核处理结果
          fSecondcheckopinion: "", // 二级审核处理意见
          fSecondcheckusername: "", // 二级审核处理人name
          fSecondcheckdates: "", // 二级审核处理日期
          fThirdcheckresult: "", // 三级审核处理结果
          fThirdcheckopinion: "", // 三级审核处理意见
          fThirdcheckusername: "", // 三级审核处理人name
          fThirdcheckdates: "", // 三级审核处理日期
          fFourthcheckresult: "", // 四级审核处理结果
          fFourthcheckopinion: "", // 四级审核处理意见
          fFourthcheckusername: "", // 四级审核处理人name
          fFourthcheckdates: "", // 四级审核处理日期

          aduitStatus: row.F_CheckStatus,
          userId: this.userInfo.id, // 当前登录人id
          userName: this.userInfo.userName, // 当前登录人姓名
          recordfiles: [], // 删除文件id集合
        };

        this.fSourcefileList = [];
        this.handleData.fHandledates = `${y}-${m}-${d}`; // 处理日期
      } else if (
        this.userInfo.companyNature == AduitUserData &&
        row.F_CheckStatus == 1 &&
        row.F_CloseOperation == "未闭合"
      ) {
        this.handNum = true; //申请单显示
        this.firstNum = true; //一级审核显示
        this.secondNum = false; //二级审核显示
        this.threeLevel = false; //三级审核显示
        this.fourLevel = false; //四级审核显示
        this.activeNames = ["1"]; //默认展开折叠面板
        this.handleObj.map((item) => {
          //闭合单
          item.disabled = true; //闭合单禁用
          item.uploadSelect = false; //上传附件按钮是否显示
          item.rules = []; //必填项不必填
        });
        this.processObj = this.processObj1;
        this.handleData = {
          fId: "", // 申请单fid //为空判断为新增
          fCompanyid: JSON.parse(this.$route.query.data).F_CompanyId, // 施工标段id
          fParentid: row.fId, // 对应的超标记录fid
          fWarningcontent: "", // 预警内容
          fReason: "", // 问题原因
          fHandleway: "", // 处理方式
          fHandleresult: "", // 处理结果
          fHandledate: "",
          fHandledates: "", // 处理日期
          fHandleusername: "", // 处理人名称
          fHandlefile: "", // 处理附件id
          fFirstcheckresult: "", // 一级审核处理结果
          fFirstcheckopinion: "", // 一级审核处理意见
          fFirstcheckusername: "", // 一级审核处理人name
          fFirstcheckdates: "", // 一级审核处理日期
          fSecondcheckresult: "", // 二级审核处理结果
          fSecondcheckopinion: "", // 二级审核处理意见
          fSecondcheckusername: "", // 二级审核处理人name
          fSecondcheckdates: "", // 二级审核处理日期
          fThirdcheckresult: "", // 三级审核处理结果
          fThirdcheckopinion: "", // 三级审核处理意见
          fThirdcheckusername: "", // 三级审核处理人name
          fThirdcheckdates: "", // 三级审核处理日期
          fFourthcheckresult: "", // 四级审核处理结果
          fFourthcheckopinion: "", // 四级审核处理意见
          fFourthcheckusername: "", // 四级审核处理人name
          fFourthcheckdates: "", // 四级审核处理日期

          aduitStatus: row.F_CheckStatus,
          userId: this.userInfo.id, // 当前登录人id
          userName: this.userInfo.userName, // 当前登录人姓名
          recordfiles: [], // 删除文件id集合
        };

        this.handleData.fFirstcheckdates = `${y}-${m}-${d}`; //一级审核处理日期
      } else if (
        this.userInfo.companyNature == AduitUserData &&
        row.F_CheckStatus == 2 &&
        row.F_CloseOperation == "未闭合"
      ) {
        this.handNum = true;
        this.firstNum = true;
        this.secondNum = true;
        this.threeLevel = false; //三级审核显示
        this.fourLevel = false; //四级审核显示
        this.activeNames = ["2"]; //默认展开折叠面板
        this.handleObj.map((item) => {
          //闭合单
          item.disabled = true; //闭合单禁用
          item.uploadSelect = false; //上传附件按钮是否显示
          item.rules = []; //必填项不必填
        });
        this.processObj.map((item) => {
          //一级审核
          item.disabled = true; //一级审核表单禁用
          item.rules = []; //必填项不必填
        });
        this.examineObjs = this.examineObjs1;
        this.handleData = {
          fId: "", // 申请单fid //为空判断为新增
          fCompanyid: JSON.parse(this.$route.query.data).F_CompanyId, // 施工标段id
          fParentid: row.fId, // 对应的超标记录fid
          fWarningcontent: "", // 预警内容
          fReason: "", // 问题原因
          fHandleway: "", // 处理方式
          fHandleresult: "", // 处理结果
          fHandledate: "",
          fHandledates: "", // 处理日期
          fHandleusername: "", // 处理人名称
          fHandlefile: "", // 处理附件id
          fFirstcheckresult: "", // 一级审核处理结果
          fFirstcheckopinion: "", // 一级审核处理意见
          fFirstcheckusername: "", // 一级审核处理人name
          fFirstcheckdates: "", // 一级审核处理日期
          fSecondcheckresult: "", // 二级审核处理结果
          fSecondcheckopinion: "", // 二级审核处理意见
          fSecondcheckusername: "", // 二级审核处理人name
          fSecondcheckdates: "", // 二级审核处理日期
          fThirdcheckresult: "", // 三级审核处理结果
          fThirdcheckopinion: "", // 三级审核处理意见
          fThirdcheckusername: "", // 三级审核处理人name
          fThirdcheckdates: "", // 三级审核处理日期
          fFourthcheckresult: "", // 四级审核处理结果
          fFourthcheckopinion: "", // 四级审核处理意见
          fFourthcheckusername: "", // 四级审核处理人name
          fFourthcheckdates: "", // 四级审核处理日期

          aduitStatus: row.F_CheckStatus,

          userId: this.userInfo.id, // 当前登录人id
          userName: this.userInfo.userName, // 当前登录人姓名
          recordfiles: [], // 删除文件id集合
        };

        this.handleData.fSecondcheckdates = `${y}-${m}-${d}`; //二级审核处理日期
      } else if (
        this.userInfo.companyNature == AduitUserData &&
        row.F_CheckStatus == 3 &&
        row.F_CloseOperation == "未闭合"
      ) {
        this.handNum = true;
        this.firstNum = true;
        this.secondNum = true;
        this.threeLevel = true; //三级审核显示
        this.fourLevel = false; //四级审核显示
        this.activeNames = ["3"]; //默认展开折叠面板
        this.handleObj.map((item) => {
          //闭合单
          item.disabled = true; //闭合单禁用
          item.uploadSelect = false; //上传附件按钮是否显示
          item.rules = []; //必填项不必填
        });
        this.processObj.map((item) => {
          //一级审核
          item.disabled = true; //一级审核表单禁用
          item.rules = []; //必填项不必填
        });
        this.examineObjs.map((item) => {
          //二级审核
          item.disabled = true; //二级审核表单禁用
          item.rules = []; //必填项不必填
        });
        this.levelThree = this.levelThree1;

        this.handleData = {
          fId: "", // 申请单fid //为空判断为新增
          fCompanyid: JSON.parse(this.$route.query.data).F_CompanyId, // 施工标段id
          fParentid: row.fId, // 对应的超标记录fid
          fWarningcontent: "", // 预警内容
          fReason: "", // 问题原因
          fHandleway: "", // 处理方式
          fHandleresult: "", // 处理结果
          fHandledate: "",
          fHandledates: "", // 处理日期
          fHandleusername: "", // 处理人名称
          fHandlefile: "", // 处理附件id
          fFirstcheckresult: "", // 一级审核处理结果
          fFirstcheckopinion: "", // 一级审核处理意见
          fFirstcheckusername: "", // 一级审核处理人name
          fFirstcheckdates: "", // 一级审核处理日期
          fSecondcheckresult: "", // 二级审核处理结果
          fSecondcheckopinion: "", // 二级审核处理意见
          fSecondcheckusername: "", // 二级审核处理人name
          fSecondcheckdates: "", // 二级审核处理日期
          fThirdcheckresult: "", // 三级审核处理结果
          fThirdcheckopinion: "", // 三级审核处理意见
          fThirdcheckusername: "", // 三级审核处理人name
          fThirdcheckdates: "", // 三级审核处理日期
          fFourthcheckresult: "", // 四级审核处理结果
          fFourthcheckopinion: "", // 四级审核处理意见
          fFourthcheckusername: "", // 四级审核处理人name
          fFourthcheckdates: "", // 四级审核处理日期

          aduitStatus: row.F_CheckStatus,

          userId: this.userInfo.id, // 当前登录人id
          userName: this.userInfo.userName, // 当前登录人姓名
          recordfiles: [], // 删除文件id集合
        };

        this.handleData.fThirdcheckdates = `${y}-${m}-${d}`; //三级审核处理日期
      } else if (
        this.userInfo.companyNature == AduitUserData &&
        row.F_CheckStatus == 4 &&
        row.F_CloseOperation == "未闭合"
      ) {
        this.handNum = true;
        this.firstNum = true;
        this.secondNum = true;
        this.threeLevel = true; //三级审核显示
        this.fourLevel = true; //四级审核显示
        this.activeNames = ["4"]; //默认展开折叠面板
        this.handleObj.map((item) => {
          //闭合单
          item.disabled = true; //闭合单禁用
          item.uploadSelect = false; //上传附件按钮是否显示
          item.rules = []; //必填项不必填
        });
        this.processObj.map((item) => {
          //一级审核
          item.disabled = true; //一级审核表单禁用
          item.rules = []; //必填项不必填
        });
        this.examineObjs.map((item) => {
          //二级审核
          item.disabled = true; //二级审核表单禁用
          item.rules = []; //必填项不必填
        });
        this.levelThree.map((item) => {
          //三级审核
          item.disabled = true; //三级审核表单禁用
          item.rules = []; //必填项不必填
        });
        this.levelFourth = this.levelFourth1;

        this.handleData = {
          fId: "", // 申请单fid //为空判断为新增
          fCompanyid: JSON.parse(this.$route.query.data).F_CompanyId, // 施工标段id
          fParentid: row.fId, // 对应的超标记录fid
          fWarningcontent: "", // 预警内容
          fReason: "", // 问题原因
          fHandleway: "", // 处理方式
          fHandleresult: "", // 处理结果
          fHandledate: "",
          fHandledates: "", // 处理日期
          fHandleusername: "", // 处理人名称
          fHandlefile: "", // 处理附件id
          fFirstcheckresult: "", // 一级审核处理结果
          fFirstcheckopinion: "", // 一级审核处理意见
          fFirstcheckusername: "", // 一级审核处理人name
          fFirstcheckdates: "", // 一级审核处理日期
          fSecondcheckresult: "", // 二级审核处理结果
          fSecondcheckopinion: "", // 二级审核处理意见
          fSecondcheckusername: "", // 二级审核处理人name
          fSecondcheckdates: "", // 二级审核处理日期
          fThirdcheckresult: "", // 三级审核处理结果
          fThirdcheckopinion: "", // 三级审核处理意见
          fThirdcheckusername: "", // 三级审核处理人name
          fThirdcheckdates: "", // 三级审核处理日期
          fFourthcheckresult: "", // 四级审核处理结果
          fFourthcheckopinion: "", // 四级审核处理意见
          fFourthcheckusername: "", // 四级审核处理人name
          fFourthcheckdates: "", // 四级审核处理日期

          aduitStatus: row.F_CheckStatus,

          userId: this.userInfo.id, // 当前登录人id
          userName: this.userInfo.userName, // 当前登录人姓名
          recordfiles: [], // 删除文件id集合
        };

        this.handleData.fFourthcheckdates = `${y}-${m}-${d}`; //四级审核处理日期
      } else {
        //查看页面
        this.btnShow = false;
        if (row.F_CheckStatus == 0) {
          this.handNum = false; //闭合申请单显示
          this.firstNum = false; //一级审核显示
          this.secondNum = false; //二级审核显示
          this.threeLevel = false; //三级审核显示
          this.fourLevel = false; //四级审核显示
        } else if (row.F_CheckStatus == 1) {
          this.handNum = true; //闭合申请单显示
          this.firstNum = false; //一级审核显示
          this.secondNum = false; //二级审核显示
          this.threeLevel = false; //三级审核显示
          this.fourLevel = false; //四级审核显示
          this.activeNames = ["0"]; //默认展开折叠面板
          this.handleObj.map((item) => {
            //闭合单
            item.disabled = true; //闭合单禁用
            item.uploadSelect = false; //上传附件按钮是否显示
            item.rules = []; //必填项不必填
          });
        } else if (row.F_CheckStatus == 2) {
          this.handNum = true; //闭合申请单显示
          this.firstNum = true; //一级审核显示
          this.secondNum = false; //二级审核显示
          this.threeLevel = false; //三级审核显示
          this.fourLevel = false; //四级审核显示
          this.activeNames = ["0", "1"]; //默认展开折叠面板
          this.handleObj.map((item) => {
            //闭合单
            item.disabled = true; //闭合单禁用
            item.uploadSelect = false; //上传附件按钮是否显示
            item.rules = []; //必填项不必填
          });
          this.processObj.map((item) => {
            //一级审核
            item.disabled = true; //一级审核表单禁用
            item.rules = []; //必填项不必填
          });
        } else if (row.F_CheckStatus == 3) {
          this.handNum = true; //闭合申请单显示
          this.firstNum = true; //一级审核显示
          this.secondNum = true; //二级审核显示
          this.threeLevel = false; //三级审核显示
          this.fourLevel = false; //四级审核显示
          this.activeNames = ["0", "1", "2"]; //默认展开折叠面板
          this.handleObj.map((item) => {
            //闭合单
            item.disabled = true; //闭合单禁用
            item.uploadSelect = false; //上传附件按钮是否显示
            item.rules = []; //必填项不必填
          });
          this.processObj.map((item) => {
            //一级审核
            item.disabled = true; //一级审核表单禁用
            item.rules = []; //必填项不必填
          });
          this.examineObjs.map((item) => {
            item.disabled = true; //二级审核表单禁用
            item.rules = []; //必填项不必填
          });
        } else if (row.F_CheckStatus == 4) {
          this.handNum = true; //闭合申请单显示
          this.firstNum = true; //一级审核显示
          this.secondNum = true; //二级审核显示
          this.threeLevel = true; //三级审核显示
          this.fourLevel = false; //四级审核显示
          this.activeNames = ["0", "1", "2", "3"]; //默认展开折叠面板
          this.handleObj.map((item) => {
            //闭合单
            item.disabled = true; //闭合单禁用
            item.uploadSelect = false; //上传附件按钮是否显示
            item.rules = []; //必填项不必填
          });
          this.processObj.map((item) => {
            //一级审核
            item.disabled = true; //一级审核表单禁用
            item.rules = []; //必填项不必填
          });
          this.examineObjs.map((item) => {
            item.disabled = true; //二级审核表单禁用
            item.rules = []; //必填项不必填
          });
          this.levelThree.map((item) => {
            item.disabled = true; //三级审核表单禁用
            item.rules = []; //必填项不必填
          });
        } else if (row.F_CheckStatus == 5) {
          this.handNum = true; //闭合申请单显示
          this.firstNum = true; //一级审核显示
          this.secondNum = true; //二级审核显示
          this.threeLevel = true; //三级审核显示
          this.fourLevel = true; //四级审核显示
          this.activeNames = ["0", "1", "2", "3", "4"]; //默认展开折叠面板
          this.handleObj.map((item) => {
            //闭合单
            item.disabled = true; //闭合单禁用
            item.uploadSelect = false; //上传附件按钮是否显示
            item.rules = []; //必填项不必填
          });
          this.processObj.map((item) => {
            //一级审核
            item.disabled = true; //一级审核表单禁用
            item.rules = []; //必填项不必填
          });
          this.examineObjs.map((item) => {
            //二级审核
            item.disabled = true; //二级审核表单禁用
            item.rules = []; //必填项不必填
          });
          this.levelThree.map((item) => {
            item.disabled = true; //三级审核表单禁用
            item.rules = []; //必填项不必填
          });
          this.levelFourth.map((item) => {
            item.disabled = true; //四级审核表单禁用
            item.rules = []; //必填项不必填
          });
        }
      }

      var id = row.F_Id;
      this.fPhotofilelist = [];
      if (id != "" && id != null) {
        getStationmachineByfMachineid({ machineId: row.F_MachineId })
          .then((res1) => {
            if (res1.errcode == 0) {
              this.material_config.thead[4].label =
                res1.data.yjQmpMsStationmachine.fParm1;
              this.material_config.thead[5].label =
                res1.data.yjQmpMsStationmachine.fParm2;
              this.material_config.thead[6].label =
                res1.data.yjQmpMsStationmachine.fParm3;
              this.material_config.thead[7].label =
                res1.data.yjQmpMsStationmachine.fParm4;
              this.material_config.thead[8].label =
                res1.data.yjQmpMsStationmachine.fParm5;

              getClosedFormByParentId({
                fId: id,
                fCompanyid: JSON.parse(this.$route.query.data).F_CompanyId,
              }).then((res) => {
                if (res.errcode == 0) {
                  var that = this;
                  that.formData = res.data.dischargeinfo; //基本信息及材料用量
                  var totalData = res.data.closeinfo; //闭合申请单、一级、二级、三级、四级审核
                  this.handleData.fParentid = id; //对应的超标记录fid
                  if (this.checkStatus == 0) {
                    this.handleData.fId = totalData.fId; //申请单fid //为空判断为新增
                    this.handleData.fWarningcontent = totalData.fWarningcontent; // 预警内容
                    this.handleData.fHandlefile = totalData.fHandlefile; //处理附件id
                    this.handleData.fCompanyid = totalData.fCompanyid; // 施工标段id
                  } else if (this.checkStatus == 1) {
                    this.handleData.fId = totalData.fId; //申请单fid //为空判断为新增
                    this.handleData.fCompanyid = totalData.fCompanyid; // 施工标段id
                    this.handleData.fWarningcontent = totalData.fWarningcontent; // 预警内容
                    this.handleData.fHandlefile = totalData.fHandlefile; //处理附件id

                    this.handleData.fReason = totalData.fReason; // 问题原因
                    this.handleData.fHandleresult = totalData.fHandleresult; // 处理结果
                    this.handleData.fHandledates = totalData.fHandledates; //处理日期
                    this.handleData.fHandleusername = totalData.fHandleusername; // 处理人名称
                    this.fSourcefileList = res.data.fSourcefileList; // 附件
                    this.handleData.fHandleway = totalData.fHandleway; // 处理方式
                  } else if (this.checkStatus == 2) {
                    this.handleData.fId = totalData.fId; //申请单fid //为空判断为新增
                    this.handleData.fCompanyid = totalData.fCompanyid; // 施工标段id
                    this.handleData.fWarningcontent = totalData.fWarningcontent; // 预警内容
                    this.handleData.fHandlefile = totalData.fHandlefile; //处理附件id

                    this.handleData.fReason = totalData.fReason; // 问题原因
                    this.handleData.fHandleresult = totalData.fHandleresult; // 处理结果
                    this.handleData.fHandledates = totalData.fHandledates; //处理日期
                    this.handleData.fHandleusername = totalData.fHandleusername; // 处理人名称
                    this.fSourcefileList = res.data.fSourcefileList; // 附件
                    this.handleData.fHandleway = totalData.fHandleway; // 处理方式
                    this.handleData.fFirstcheckresult =
                      totalData.fFirstcheckresult; // 一级审核处理结果
                    this.handleData.fFirstcheckopinion =
                      totalData.fFirstcheckopinion; // 一级审核处理意见
                    this.handleData.fFirstcheckusername =
                      totalData.fFirstcheckusername; //一级审核处理人name
                    this.handleData.fFirstcheckdates =
                      totalData.fFirstcheckdates; //一级审核处理日期
                  } else if (this.checkStatus == 3) {
                    this.handleData.fId = totalData.fId; //申请单fid //为空判断为新增
                    this.handleData.fCompanyid = totalData.fCompanyid; // 施工标段id
                    this.handleData.fWarningcontent = totalData.fWarningcontent; // 预警内容
                    this.handleData.fReason = totalData.fReason; // 问题原因

                    this.handleData.fHandleresult = totalData.fHandleresult; // 处理结果
                    this.handleData.fHandledates = totalData.fHandledates; //处理日期
                    this.handleData.fHandleusername = totalData.fHandleusername; // 处理人名称
                    this.fSourcefileList = res.data.fSourcefileList; // 附件
                    this.handleData.fHandlefile = totalData.fHandlefile; //处理附件id
                    this.handleData.fHandleway = totalData.fHandleway; // 处理方式

                    this.handleData.fFirstcheckresult =
                      totalData.fFirstcheckresult; // 一级审核处理结果
                    this.handleData.fFirstcheckopinion =
                      totalData.fFirstcheckopinion; // 一级审核处理意见
                    this.handleData.fFirstcheckusername =
                      totalData.fFirstcheckusername; //一级审核处理人name
                    this.handleData.fFirstcheckdates =
                      totalData.fFirstcheckdates; //一级审核处理日期

                    this.handleData.fSecondcheckresult =
                      totalData.fSecondcheckresult; // 二级审核处理结果
                    this.handleData.fSecondcheckopinion =
                      totalData.fSecondcheckopinion; // 二级审核处理意见
                    this.handleData.fSecondcheckusername =
                      totalData.fSecondcheckusername; //二级审核处理人name
                    this.handleData.fSecondcheckdates =
                      totalData.fSecondcheckdates; //二级审核处理日期
                  } else if (this.checkStatus == 4) {
                    this.handleData.fId = totalData.fId; //申请单fid //为空判断为新增
                    this.handleData.fCompanyid = totalData.fCompanyid; // 施工标段id
                    this.handleData.fWarningcontent = totalData.fWarningcontent; // 预警内容
                    this.handleData.fReason = totalData.fReason; // 问题原因

                    this.handleData.fHandleresult = totalData.fHandleresult; // 处理结果
                    this.handleData.fHandledates = totalData.fHandledates; //处理日期
                    this.handleData.fHandleusername = totalData.fHandleusername; // 处理人名称
                    this.fSourcefileList = res.data.fSourcefileList; // 附件
                    this.handleData.fHandlefile = totalData.fHandlefile; //处理附件id
                    this.handleData.fHandleway = totalData.fHandleway; // 处理方式

                    this.handleData.fFirstcheckresult =
                      totalData.fFirstcheckresult; // 一级审核处理结果
                    this.handleData.fFirstcheckopinion =
                      totalData.fFirstcheckopinion; // 一级审核处理意见
                    this.handleData.fFirstcheckusername =
                      totalData.fFirstcheckusername; //一级审核处理人name
                    this.handleData.fFirstcheckdates =
                      totalData.fFirstcheckdates; //一级审核处理日期

                    this.handleData.fSecondcheckresult =
                      totalData.fSecondcheckresult; // 二级审核处理结果
                    this.handleData.fSecondcheckopinion =
                      totalData.fSecondcheckopinion; // 二级审核处理意见
                    this.handleData.fSecondcheckusername =
                      totalData.fSecondcheckusername; //二级审核处理人name
                    this.handleData.fSecondcheckdates =
                      totalData.fSecondcheckdates; //二级审核处理日期

                    this.handleData.fThirdcheckresult =
                      totalData.fThirdcheckresult; // 三级审核处理结果
                    this.handleData.fThirdcheckopinion =
                      totalData.fThirdcheckopinion; // 三级审核处理意见
                    this.handleData.fThirdcheckusername =
                      totalData.fThirdcheckusername; //三级审核处理人name
                    this.handleData.fThirdcheckdates =
                      totalData.fThirdcheckdates; //三级审核处理日期
                  } else if (this.checkStatus == 5) {
                    this.handleData.fId = totalData.fId; //申请单fid //为空判断为新增
                    this.handleData.fCompanyid = totalData.fCompanyid; // 施工标段id
                    this.handleData.fWarningcontent = totalData.fWarningcontent; // 预警内容
                    this.handleData.fReason = totalData.fReason; // 问题原因

                    this.handleData.fHandleresult = totalData.fHandleresult; // 处理结果
                    this.handleData.fHandledates = totalData.fHandledates; //处理日期
                    this.handleData.fHandleusername = totalData.fHandleusername; // 处理人名称
                    this.fSourcefileList = res.data.fSourcefileList; // 附件
                    this.handleData.fHandlefile = totalData.fHandlefile; //处理附件id
                    this.handleData.fHandleway = totalData.fHandleway; // 处理方式

                    this.handleData.fFirstcheckresult =
                      totalData.fFirstcheckresult; // 一级审核处理结果
                    this.handleData.fFirstcheckopinion =
                      totalData.fFirstcheckopinion; // 一级审核处理意见
                    this.handleData.fFirstcheckusername =
                      totalData.fFirstcheckusername; //一级审核处理人name
                    this.handleData.fFirstcheckdates =
                      totalData.fFirstcheckdates; //一级审核处理日期

                    this.handleData.fSecondcheckresult =
                      totalData.fSecondcheckresult; // 二级审核处理结果
                    this.handleData.fSecondcheckopinion =
                      totalData.fSecondcheckopinion; // 二级审核处理意见
                    this.handleData.fSecondcheckusername =
                      totalData.fSecondcheckusername; //二级审核处理人name
                    this.handleData.fSecondcheckdates =
                      totalData.fSecondcheckdates; //二级审核处理日期

                    this.handleData.fThirdcheckresult =
                      totalData.fThirdcheckresult; // 三级审核处理结果
                    this.handleData.fThirdcheckopinion =
                      totalData.fThirdcheckopinion; // 三级审核处理意见
                    this.handleData.fThirdcheckusername =
                      totalData.fThirdcheckusername; //三级审核处理人name
                    this.handleData.fThirdcheckdates =
                      totalData.fThirdcheckdates; //二级审核处理日期

                    this.handleData.fFourthcheckresult =
                      totalData.fFourthcheckresult; // 四级审核处理结果
                    this.handleData.fFourthcheckopinion =
                      totalData.fFourthcheckopinion; // 四级审核处理意见
                    this.handleData.fFourthcheckusername =
                      totalData.fFourthcheckusername; //四级审核处理人name
                    this.handleData.fFourthcheckdates =
                      totalData.fFourthcheckdates; //四级审核处理日期
                  }
                  this.materialData = [
                    {
                      name: "设计重量值(kg)",
                      show: false,
                      water: res.data.dischargeinfo.fWaterdesignvalue,
                      cement1: res.data.dischargeinfo.fCement1designvalue,
                      cement2: res.data.dischargeinfo.fCement2designvalue,
                      aggregate1: res.data.dischargeinfo.fAggregate1designvalue,
                      aggregate2: res.data.dischargeinfo.fAggregate2designvalue,
                      aggregate3: res.data.dischargeinfo.fAggregate3designvalue,
                      aggregate4: res.data.dischargeinfo.fAggregate4designvalue,
                      aggregate5: res.data.dischargeinfo.fAggregate5designvalue,
                      oredesign: res.data.dischargeinfo.fOredesignvalue,
                      flyash: res.data.dischargeinfo.fFlyashdesignvalue,
                      admixture1: res.data.dischargeinfo.fAdmixture1designvalue,
                      admixture2: res.data.dischargeinfo.fAdmixture2designvalue,
                      // cement3: "",
                    },
                    {
                      name: "实际称量值(kg)",
                      show: false,
                      water: res.data.dischargeinfo.fWateractualvalue, //水
                      cement1: res.data.dischargeinfo.fCement1actualvalue, //水泥1
                      cement2: res.data.dischargeinfo.fCement2actualvalue, //水泥2
                      // cement3: "",
                      aggregate1: res.data.dischargeinfo.fAggregate1actualvalue, //骨料1
                      aggregate2: res.data.dischargeinfo.fAggregate2actualvalue, //骨料2
                      aggregate3: res.data.dischargeinfo.fAggregate3actualvalue, //骨料3
                      aggregate4: res.data.dischargeinfo.fAggregate4actualvalue, //骨料4
                      aggregate5: res.data.dischargeinfo.fAggregate5actualvalue, //骨料5
                      oredesign: res.data.dischargeinfo.fOreactualvalue, //矿粉
                      flyash: res.data.dischargeinfo.fFlyashactualvalue, //粉煤灰
                      admixture1: res.data.dischargeinfo.fAdmixture1actualvalue, //外加剂1
                      admixture2: res.data.dischargeinfo.fAdmixture2actualvalue, //外加剂2
                    },
                    {
                      name: "重量偏差(%)",
                      show: false,
                      water: res.data.dischargeinfo.fWaterdeviatevalue, //水
                      cement1: res.data.dischargeinfo.fCement1deviatevalue, //水泥1
                      cement2: res.data.dischargeinfo.fCement2deviatevalue, //水泥2
                      aggregate1:
                        res.data.dischargeinfo.fAggregate1deviatevalue, //骨料1
                      aggregate2:
                        res.data.dischargeinfo.fAggregate2deviatevalue, //骨料2
                      aggregate3:
                        res.data.dischargeinfo.fAggregate3deviatevalue, //骨料3
                      aggregate4:
                        res.data.dischargeinfo.fAggregate4deviatevalue, //骨料4
                      aggregate5:
                        res.data.dischargeinfo.fAggregate5deviatevalue, //骨料5
                      oredesign: res.data.dischargeinfo.fOredeviatevalue, //矿粉
                      flyash: res.data.dischargeinfo.fFlyashdeviatevalue, //粉煤灰
                      admixture1:
                        res.data.dischargeinfo.fAdmixture1deviatevalue, //外加剂1
                      admixture2:
                        res.data.dischargeinfo.fAdmixture2deviatevalue, //外加剂2
                    },
                    {
                      name: "",
                      show: true,
                      water: res.data.dischargeinfo.fWaterwarninginfo, //水
                      cement1: res.data.dischargeinfo.fCement1warninginfo, //水泥1
                      cement2: res.data.dischargeinfo.fCement2warninginfo, //水泥2
                      aggregate1: res.data.dischargeinfo.fAggregate1warninginfo, //骨料1
                      aggregate2: res.data.dischargeinfo.fAggregate2warninginfo, //骨料2
                      aggregate3: res.data.dischargeinfo.fAggregate3warninginfo, //骨料3
                      aggregate4: res.data.dischargeinfo.fAggregate4warninginfo, //骨料4
                      aggregate5: res.data.dischargeinfo.fAggregate5warninginfo, //骨料5
                      oredesign: res.data.dischargeinfo.fOrewarninginfo, //矿粉
                      flyash: res.data.dischargeinfo.fFlyashwarninginfo, //粉煤灰
                      admixture1: res.data.dischargeinfo.fAdmixture1warninginfo, //外加剂1
                      admixture2: res.data.dischargeinfo.fAdmixture2warninginfo, //外加剂2
                    },
                  ];

                  this.level = [
                    "",
                    res.data.dischargeinfo.fWaterwarninglevel,
                    res.data.dischargeinfo.fCement1warninglevel,
                    res.data.dischargeinfo.fCement2warninglevel,
                    res.data.dischargeinfo.fAggregate1warninglevel,
                    res.data.dischargeinfo.fAggregate2warninglevel,
                    res.data.dischargeinfo.fAggregate3warninglevel,
                    res.data.dischargeinfo.fAggregate4warninglevel,
                    res.data.dischargeinfo.fAggregate5warninglevel,
                    res.data.dischargeinfo.fOrewarninglevel,
                    res.data.dischargeinfo.fFlyashwarninglevel,
                    res.data.dischargeinfo.fAdmixture1warninglevel,
                    res.data.dischargeinfo.fAdmixture2warninglevel,
                  ];
                  this.earlyWarning = [
                    "",
                    res.data.dischargeinfo.fWaterwarninginfo,
                    res.data.dischargeinfo.fCement1warninginfo,
                    res.data.dischargeinfo.fCement2warninginfo,
                    res.data.dischargeinfo.fAggregate1warninginfo,
                    res.data.dischargeinfo.fAggregate2warninginfo,
                    res.data.dischargeinfo.fAggregate3warninginfo,
                    res.data.dischargeinfo.fAggregate4warninginfo,
                    res.data.dischargeinfo.fAggregate5warninginfo,
                    res.data.dischargeinfo.fOrewarninginfo,
                    res.data.dischargeinfo.fFlyashwarninginfo,
                    res.data.dischargeinfo.fAdmixture1warninginfo,
                    res.data.dischargeinfo.fAdmixture2warninginfo,
                  ];

                  var Cement1 = null; //水泥1
                  if (
                    res.data.dischargeinfo.fCement1actualvalue != "" &&
                    res.data.dischargeinfo.fCement1actualvalue != null
                  ) {
                    Cement1 = res.data.dischargeinfo.fCement1actualvalue - 0;
                  } else {
                    Cement1 = 0;
                  }
                  var Cement2 = null; //水泥2
                  if (
                    res.data.dischargeinfo.fCement2actualvalue != "" &&
                    res.data.dischargeinfo.fCement2actualvalue != null
                  ) {
                    Cement2 = res.data.dischargeinfo.fCement2actualvalue - 0;
                  } else {
                    Cement2 = 0;
                  }
                  var Oreactual = null; //矿粉
                  if (
                    res.data.dischargeinfo.fOreactualvalue != "" &&
                    res.data.dischargeinfo.fOreactualvalue != null
                  ) {
                    Oreactual = res.data.dischargeinfo.fOreactualvalue - 0;
                  } else {
                    Oreactual = 0;
                  }
                  var Flyashactual = null; //粉煤灰
                  if (
                    res.data.dischargeinfo.fFlyashactualvalue != "" &&
                    res.data.dischargeinfo.fFlyashactualvalue != null
                  ) {
                    Flyashactual =
                      res.data.dischargeinfo.fFlyashactualvalue - 0;
                  } else {
                    Flyashactual = 0;
                  }
                  var Admixture1 = null; //外加剂1
                  if (
                    res.data.dischargeinfo.fAdmixture1actualvalue != "" &&
                    res.data.dischargeinfo.fAdmixture1actualvalue != null
                  ) {
                    Admixture1 =
                      res.data.dischargeinfo.fAdmixture1actualvalue - 0;
                  } else {
                    Admixture1 = 0;
                  }
                  var Admixture2 = null; //外加剂2
                  if (
                    res.data.dischargeinfo.fAdmixture2actualvalue != "" &&
                    res.data.dischargeinfo.fAdmixture2actualvalue != null
                  ) {
                    Admixture2 =
                      res.data.dischargeinfo.fAdmixture2actualvalue - 0;
                  } else {
                    Admixture2 = 0;
                  }
                  // 水胶比=水/胶凝材料（水泥+矿粉+粉煤灰）
                  var fWaterbinderratio =
                    res.data.dischargeinfo.fWateractualvalue /
                    (Cement1 + Cement2 + Oreactual + Flyashactual);
                  this.formData.fWaterbinderratio =
                    Math.floor(fWaterbinderratio * 100) / 100;

                  // 外加剂掺量=外加剂/胶凝材料（水泥+矿粉+粉煤灰）*100
                  var fAdditiveratio =
                    ((Admixture1 + Admixture2) /
                      (Cement1 + Cement2 + Oreactual + Flyashactual)) *
                    100;
                  this.formData.fAdditiveratio =
                    Math.floor(fAdditiveratio * 100) / 100;
                } else {
                  this.$message.error("详情报错", res.msg);
                }
              });
            } else {
              this.$message.error(res1.msg);
              console.log("接口报错");
            }
          })
          .catch((error) => {
            console.log("拌合站设置编辑报错", error);
          });
      } else {
        return this.$message.error("请先选择需要查看的数据");
      }
    },
    // 保存按钮
    yj_saveForm() {
      this.handleData.fCompanyid = JSON.parse(
        this.$route.query.data
      ).F_CompanyId; // 施工标段id
      if (this.checkStatus == 0) {
        //闭合申请单
        if (this.$refs.publicForm0.submitForm()) {
          this.saveForm(this.handleData);
        } else {
          console.log("error");
        }
      } else if (this.checkStatus == 1) {
        if (this.$refs.publicForm1.submitForm()) {
          this.saveForm(this.handleData);
        } else {
          console.log("error");
        }
      } else if (this.checkStatus == 2) {
        if (this.$refs.publicForm2.submitForm()) {
          this.saveForm(this.handleData);
        } else {
          console.log("error");
        }
      } else if (this.checkStatus == 3) {
        if (this.$refs.publicForm3.submitForm()) {
          this.saveForm(this.handleData);
        } else {
          console.log("error");
        }
      } else if (this.checkStatus == 4) {
        if (this.$refs.publicForm4.submitForm()) {
          this.saveForm(this.handleData);
        } else {
          console.log("error");
        }
      }
    },
    // 保存接口
    saveForm(data) {
      addClosedForm(data)
        .then((res) => {
          if (res.errcode == 0) {
            this.$router.push("/hntManage/closure");
            this.$message.success("新增成功");
          } else {
            this.$message.error(res.msg);
            console.log("接口报错");
          }
        })
        .catch((error) => {
          console.log("拌合站设置-新增）", error);
        });
    },
    // 返回按钮
    goBack() {
      this.$router.back();
    },
    // 折叠面板
    changeCollapse(e) {
      console.log(this.activeNames, e);
    },
    // 文件删除
    delteFile(file) {
      for (let index = 0; index < this.fSourcefileList.length; index++) {
        if (file.uid == this.fSourcefileList[index].uid) {
          if (this.fSourcefileList[index].atta == undefined) {
            this.handleData.recordfiles.push({
              fId: this.fSourcefileList[index].fId,
            });
          } else {
            this.handleData.recordfiles.push({
              fId: this.fSourcefileList[index].atta.fId,
            });
          }
          this.fSourcefileList.splice(index, 1);
        }
      }
    },
  },
};
</script>

<style scoped>
.TensionRealTime {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.printTables {
  background: #fff;
  display: flex;
  justify-content: end;
  padding: 5px;
  margin-top: 10px;
}

.dialogBody {
  padding: 3px 20px;
  height: 95%;
  overflow-y: auto;
}

.baseTitle {
  /* border: 1px solid #0c204d; */
  border-bottom: 1px solid #0c204d;

  height: 30px;
  line-height: 30px;
  position: relative;
  padding-left: 15px;
}

.baseTitle::after {
  display: block;
  content: "";
  height: 30px;
  width: 5px;
  position: absolute;
  left: 0;
  top: 0;
  background: #0c204d;
}

.materialClass /deep/.el-table tr:nth-child(4) {
  display: none;
}
</style>
